<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录&注册</title>
    <link rel="icon" type="images/x-icon" href="img/icons/favicon.ico">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/font/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/logReg.css">
    <style>
        body {
            width: 100%;
            min-height: 720px;
            max-height:974px;
            background-image: url("img/personalCenter/logRegBg.jpg");
            background-repeat: no-repeat;
            background-position: 0 0;
            background-color:rgb(34, 32, 37);
        }
    </style>
</head>
<body>
<!--遮罩层-->
<div class="SY-cover pf dn"></div>
<div class="SY-main pf br5 dn">
    <div class="SY-dialog clearfix">
        <div class="fl S-left">
            <img src="img/icons/logReg.jpg" alt="">
        </div>
        <div class="fl S-right pr">
            <a class="close pa" href="javascript:void(0);"><i class="fa fa-close"></i></a>
            <!--登录-->
            <div class="SY-login dn">
                <div class="SY-titleBox clearfix">
                    <h2 class="title fl">
                        <a class="active" href="javascript:void(0);">登录</a>
                        <span>/</span>
                        <a class="" href="javascript:void(0);">注册</a>
                    </h2>
                    <p class="fr">
                        <a class="loginByPhone" href="javascript:void(0);">手机快捷登录</a>
                    </p>
                </div>
                <div class="SY-loginBox">
                    <form action="" method="post">
                        <div class="usersName pr clearfix focus">
                            <span class="icon db fl"></span>
                            <input type="text" class="loginNum fl" placeholder="手机号/邮箱" onfocus="this.placeholder=''" onblur="this.placeholder='手机号/邮箱'">
                            <span class="wrongInfo br5 tac pa">手机号/邮箱不能为空</span>
                        </div>
                        <div class="usersPwd pr clearfix wrong">
                            <span class="icon db fl"></span>
                            <input type="password" class="loginPwd fl" placeholder="密码" onfocus="this.placeholder=''" onblur="this.placeholder='密码'">
                            <span class="wrongInfo br5 tac pa">密码不能为空</span>
                            <span class="seenPwd pa db open"></span>
                        </div>
                        <div class="remember">
                            <label><span class="dib check "></span>自动登录</label>
                        </div>
                        <div class="btnsBox clearfix">
                            <a class="db tac fl loginBtn" href="javascript:void(0)">登录</a>
                            <p class="info fr">
                                <a href="javascript:void(0)">忘记密码？</a>
                            </p>
                        </div>
                    </form>
                </div>
            </div>
            <!--手机快捷登录-->
            <div class="SY-phoneLogin dn">
                <div class="SY-titleBox clearfix">
                    <h2 class="title fl">
                        <a class="active" href="javascript:void(0);">手机快捷登录</a>
                    </h2>
                    <p class="fr">
                        <a class="loginByAccount" href="javascript:void(0);">账号登录</a>
                    </p>
                </div>
                <div class="SY-phoneLoginBox">
                    <form action="" method="post">
                        <div class="phoneNumber pr clearfix focus">
                            <input type="text" class="loginNum fl" placeholder="手机号码" onfocus="this.placeholder=''" onblur="this.placeholder='手机号码'">
                            <span class="wrongInfo br5 tac pa">手机号码不能为空</span>
                        </div>
                        <div class="phoneIdentifyBox clearfix">
                            <div class="phoneIdentify fl pr wrong">
                                <input type="text" class="codeNum" placeholder="动态密码" onfocus="this.placeholder=''" onblur="this.placeholder='动态密码'">
                                <span class="wrongInfo br5 tac pa">动态密码错误</span>
                            </div>
                            <div class="sendCode fr sending">
                                <a class="db tac" href="javascript:void(0);">已发送(<span>20s</span>)</a>
                            </div>
                        </div>
                        <div class="btnsBox clearfix">
                            <a class="db tac fl loginBtn" href="javascript:void(0)">登录</a>
                        </div>
                    </form>
                </div>
            </div>
            <!--注册-->
            <div class="SY-register d n">
                <div class="SY-titleBox clearfix">
                    <h2 class="title fl">
                        <a class="" href="javascript:void(0);">登录</a>
                        <span>/</span>
                        <a class="active" href="javascript:void(0);">注册</a>
                    </h2>
                    <p class="fr">
                        <a class="loginByPhone" href="javascript:void(0);">手机快捷登录</a>
                    </p>
                </div>
                <div class="SY-registerBox">
                    <div class="number pr focus">
                        <input type="text" class="registerNum" placeholder="手机号/邮箱" onfocus="this.placeholder=''" onblur="this.placeholder='手机号/邮箱'">
                        <span class="wrongInfo br5 tac pa">手机号/邮箱不能为空</span>
                    </div>
                    <div class="passWord pr wrong">
                        <input type="password" class="registerNum" placeholder="6-12位密码，区分大小写，不能用空格" onfocus="this.placeholder=''" onblur="this.placeholder='6-12位密码，区分大小写，不能用空格'">
                        <span class="wrongInfo br5 tac pa">密码不能为空</span>
                    </div>
                    <div class="picIdentifyBox clearfix">
                        <div class="picIdentify fl pr focus">
                            <input type="text" class="codeNum" placeholder="图片验证码" onfocus="this.placeholder=''" onblur="this.placeholder='图片验证码'">
                            <span class="wrongInfo br5 tac pa">验证码不能为空</span>
                        </div>
                        <div class="autoCode fr pr border1 br5">
                            <div class="code">
                                <img src="http://www.shenyecg.com/Common/GetValidateCode" alt="">
                            </div>
                            <div class="renew pa">
                                <span class="renewIcon"></span>
                            </div>
                        </div>
                    </div>
                    <div class="phoneIdentifyBox clearfix">
                        <div class="phoneIdentify fl pr wrong">
                            <input type="text" class="codeNum" placeholder="验证码" onfocus="this.placeholder=''" onblur="this.placeholder='验证码'">
                            <span class="wrongInfo br5 tac pa">验证码错误</span>
                        </div>
                        <div class="sendCode fr sending">
                            <a class="db tac" href="javascript:void(0);">已发送(<span>20s</span>)</a>
                        </div>
                    </div>
                    <div class="agree">
                        <label><span class="dib check "></span>同意<a href="javascript:void(0);">《用户协议》</a>和<a href="javascript:void(0);">《隐私政策》</a></label>
                    </div>
                    <div class="btnsBox clearfix">
                        <a class="db tac fl registerBtn" href="javascript:void(0)">注册</a>
                        <p class="info fr">
                            <span class="db">已有账号？</span>返回
                            <a href="javascript:void(0)">登录</a>
                        </p>
                    </div>
                </div>
                <!--网站升级提示-->
                <div class="SY-upgradeTip pa">
                    <p>系统正在升级中，暂时无法注册，立即 <a href="javascript:void(0);">登录</a></p>
                </div>
            </div>
            <!--忘记密码-->
            <div class="SY-forgetPwd dn">
                <div class="SY-titleBox">
                    <h2 class="title">
                        <a class="active" href="javascript:void(0);">找回密码</a>
                    </h2>
                </div>
                <div class="SY-forgetPwdBox">
                    <div class="usersName pr clearfix focus">
                        <span class="icon db fl"></span>
                        <input type="text" class="forgetPwdNum fl" placeholder="手机号/邮箱" onfocus="this.placeholder=''" onblur="this.placeholder='手机号/邮箱'">
                        <span class="wrongInfo br5 tac pa">手机号/邮箱不能为空</span>
                    </div>
                    <div class="picIdentifyBox clearfix">
                        <div class="picIdentify fl pr focus">
                            <input type="text" class="codeNum" placeholder="图片验证码" onfocus="this.placeholder=''" onblur="this.placeholder='图片验证码'">
                            <span class="wrongInfo br5 tac pa" style="display: none;">验证码不能为空</span>
                            <span class="passInfo br5 tac pa"><i class="dib"></i>验证通过</span>
                        </div>
                        <div class="autoCode fr pr border1 br5">
                            <div class="code">
                                <img src="http://www.shenyecg.com/Common/GetValidateCode" alt="">
                            </div>
                            <div class="renew pa">
                                <span class="renewIcon"></span>
                            </div>
                        </div>
                    </div>
                    <div class="phoneIdentifyBox clearfix">
                        <div class="phoneIdentify fl pr wrong">
                            <input type="text" class="codeNum" placeholder="验证码" onfocus="this.placeholder=''" onblur="this.placeholder='验证码'">
                            <span class="wrongInfo br5 tac pa">验证码错误</span>
                        </div>
                        <div class="sendCode fr sending">
                            <a class="db tac" href="javascript:void(0);">已发送(<span>20s</span>)</a>
                        </div>
                    </div>
                    <div class="btnsBox clearfix">
                        <a class="db tac fl nextStepBtn" href="javascript:void(0)">下一步</a>
                        <p class="info fr">
                            <span class="db">突然想起？</span>返回
                            <a href="javascript:void(0)">登录</a>
                        </p>
                    </div>
                </div>
            </div>
            <!--密码重置-->
            <div class="SY-resetPwd dn">
                <div class="SY-titleBox">
                    <h2 class="title">
                        <a class="active" href="javascript:void(0);">密码重置</a>
                    </h2>
                </div>
                <div class="SY-resetPwdBox">
                    <div class="setPwd pr wrong">
                        <input type="password" class="resetPwd" placeholder="设置密码" onfocus="this.placeholder=''" onblur="this.placeholder='设置密码'">
                        <span class="wrongInfo br5 tac pa">密码不能为空</span>
                        <span class="seenPwd pa db open"></span>
                    </div>
                    <div class="surePwd pr focus">
                        <input type="password" class="resetPwd" placeholder="确认密码" onfocus="this.placeholder=''" onblur="this.placeholder='确认密码'">
                        <span class="wrongInfo br5 tac pa">密码不能为空</span>
                        <span class="seenPwd pa db"></span>
                    </div>
                    <div class="btnsBox clearfix">
                        <a class="db tac fl nextStepBtn" href="javascript:void(0)">下一步</a>
                        <p class="info fr">
                            <span class="db">突然想起？</span>返回
                            <a href="javascript:void(0)">登录</a>
                        </p>
                    </div>
                </div>
            </div>
            <!--密码重置成功-->
            <div class="SY-resetComplete tac dn">
                <div class="pic"><img src="img/icons/resetPwd.png" alt=""></div>
                <p class="text">您的密码已重置成功！</p>
                <a class="db tac" href="javascript:void(0);">立即登录</a>
                <p class="txt"><span class="time">5</span>秒后系统自动跳转</p>
            </div>
        </div>
    </div>
</div>
<!--网页登录注册-->
<div class="SY-logReg d n">
    <div class="S-main pr">
        <div class="S-logo pa">
            <a href="javascript:void(0);">
                <img src="img/icons/shenye.png" alt="">
            </a>
        </div>
        <div class="S-content pa">
            <!--登录-->
            <div class="SY-login dn">
                <div class="SY-titleBox tac">
                    <a class="active" href="javascript:void(0);">登录</a>
                    <span>/</span>
                    <a class="" href="javascript:void(0);">注册</a>
                </div>
                <div class="SY-loginBox br5">
                    <form action="" method="post">
                        <div class="usersName pr clearfix focus">
                            <span class="icon db fl"></span>
                            <input type="text" class="loginNum fl" placeholder="手机号/邮箱" onfocus="this.placeholder=''" onblur="this.placeholder='手机号/邮箱'">
                            <span class="wrongInfo br5 tac pa">手机号/邮箱不能为空</span>
                        </div>
                        <div class="usersPwd pr clearfix wrong">
                            <span class="icon db fl"></span>
                            <input type="password" class="loginPwd fl" placeholder="密码" onfocus="this.placeholder=''" onblur="this.placeholder='密码'">
                            <span class="wrongInfo br5 tac pa">密码不能为空</span>
                            <span class="seenPwd pa db open"></span>
                        </div>
                        <div class="remember clearfix">
                            <label class="fl"><span class="dib check "></span>自动登录</label>
                            <p class="info fr">
                                <a href="javascript:void(0)">忘记密码？</a>
                            </p>
                        </div>
                        <div class="btnsBox tac">
                            <a class="db tac loginBtn" href="javascript:void(0)">登录</a>
                            <p class="info">
                                <a href="javascript:void(0)">手机快捷登录</a>
                            </p>
                        </div>
                    </form>
                </div>
            </div>
            <!--手机快捷登录-->
            <div class="SY-phoneLogin dn">
                <div class="SY-titleBox tac">
                    <a class="active" href="javascript:void(0);">手机快捷登录</a>
                </div>
                <div class="SY-phoneLoginBox br5">
                    <form action="" method="post">
                        <div class="phoneNumber pr clearfix focus">
                            <input type="text" class="loginNum fl" placeholder="手机号码" onfocus="this.placeholder=''" onblur="this.placeholder='手机号码'">
                            <span class="wrongInfo br5 tac pa">手机号码不能为空</span>
                        </div>
                        <div class="phoneIdentifyBox clearfix">
                            <div class="phoneIdentify fl pr wrong">
                                <input type="text" class="codeNum" placeholder="动态密码" onfocus="this.placeholder=''" onblur="this.placeholder='动态密码'">
                                <span class="wrongInfo br5 tac pa">动态密码错误</span>
                            </div>
                            <div class="sendCode fr sending">
                                <a class="db tac" href="javascript:void(0);">已发送(<span>20s</span>)</a>
                            </div>
                        </div>
                        <div class="btnsBox tac">
                            <a class="db tac loginBtn" href="javascript:void(0)">登录</a>
                            <p class="info">
                                <a class="loginByAccount" href="javascript:void(0);">账号登录</a>
                            </p>
                        </div>
                    </form>
                </div>
            </div>
            <!--注册-->
            <div class="SY-register d n">
                <div class="SY-titleBox tac">
                    <a class="" href="javascript:void(0);">登录</a>
                    <span>/</span>
                    <a class="active" href="javascript:void(0);">注册</a>
                </div>
                <div class="SY-registerBox br5">
                    <div class="number pr focus">
                        <input type="text" class="registerNum" placeholder="手机号/邮箱" onfocus="this.placeholder=''" onblur="this.placeholder='手机号/邮箱'">
                        <span class="wrongInfo br5 tac pa">手机号/邮箱不能为空</span>
                    </div>
                    <div class="passWord pr wrong">
                        <input type="password" class="registerNum" placeholder="6-12位密码，区分大小写，不能用空格" onfocus="this.placeholder=''" onblur="this.placeholder='6-12位密码，区分大小写，不能用空格'">
                        <span class="wrongInfo br5 tac pa">密码不能为空</span>
                    </div>
                    <div class="picIdentifyBox clearfix">
                        <div class="picIdentify fl pr focus">
                            <input type="text" class="codeNum" placeholder="图片验证码" onfocus="this.placeholder=''" onblur="this.placeholder='图片验证码'">
                            <span class="wrongInfo br5 tac pa">验证码不能为空</span>
                        </div>
                        <div class="autoCode fr pr border1 br5">
                            <div class="code">
                                <img src="http://www.shenyecg.com/Common/GetValidateCode" alt="">
                            </div>
                            <div class="renew pa">
                                <span class="renewIcon"></span>
                            </div>
                        </div>
                    </div>
                    <div class="phoneIdentifyBox clearfix">
                        <div class="phoneIdentify fl pr wrong">
                            <input type="text" class="codeNum" placeholder="验证码" onfocus="this.placeholder=''" onblur="this.placeholder='验证码'">
                            <span class="wrongInfo br5 tac pa">验证码错误</span>
                        </div>
                        <div class="sendCode fr sending">
                            <a class="db tac" href="javascript:void(0);">已发送(<span>20s</span>)</a>
                        </div>
                    </div>
                    <div class="agree clearfix">
                        <label class="fl"><span class="dib check "></span>同意<a href="javascript:void(0);">《用户协议》</a>和<a href="javascript:void(0);">《隐私政策》</a></label>
                        <p class="info fr">
                            <span>已有账号？</span>&nbsp;&nbsp;返回&nbsp;<a href="javascript:void(0)">登录</a>
                        </p>
                    </div>
                    <div class="btnsBox tac">
                        <a class="db registerBtn" href="javascript:void(0)">注册</a>
                        <p class="info">
                            <a href="javascript:void(0)">手机快捷登录</a>
                        </p>
                    </div>
                </div>
                <!--网站升级提示-->
                <div class="SY-upgradeTip pa">
                    <p>系统正在升级中，暂时无法注册，立即 <a href="javascript:void(0);">登录</a></p>
                </div>
            </div>
            <!--忘记密码-->
            <div class="SY-forgetPwd dn">
                <div class="SY-forgetPwdBox br5">
                    <div class="titleBox tac">找回密码</div>
                    <div class="usersName pr clearfix focus">
                        <span class="icon db fl"></span>
                        <input type="text" class="forgetPwdNum fl" placeholder="手机号/邮箱" onfocus="this.placeholder=''" onblur="this.placeholder='手机号/邮箱'">
                        <span class="wrongInfo br5 tac pa">手机号/邮箱不能为空</span>
                    </div>
                    <div class="picIdentifyBox clearfix">
                        <div class="picIdentify fl pr focus">
                            <input type="text" class="codeNum" placeholder="图片验证码" onfocus="this.placeholder=''" onblur="this.placeholder='图片验证码'">
                            <span class="wrongInfo br5 tac pa" style="display: none;">验证码不能为空</span>
                            <span class="passInfo br5 tac pa"><i class="dib"></i>验证通过</span>
                        </div>
                        <div class="autoCode fr pr border1 br5">
                            <div class="code">
                                <img src="http://www.shenyecg.com/Common/GetValidateCode" alt="">
                            </div>
                            <div class="renew pa">
                                <span class="renewIcon"></span>
                            </div>
                        </div>
                    </div>
                    <div class="phoneIdentifyBox clearfix">
                        <div class="phoneIdentify fl pr wrong">
                            <input type="text" class="codeNum" placeholder="验证码" onfocus="this.placeholder=''" onblur="this.placeholder='验证码'">
                            <span class="wrongInfo br5 tac pa">验证码错误</span>
                        </div>
                        <div class="sendCode fr sending">
                            <a class="db tac" href="javascript:void(0);">已发送(<span>20s</span>)</a>
                        </div>
                    </div>
                    <div class="btnsBox tac">
                        <a class="db nextStepBtn" href="javascript:void(0)">下一步</a>
                        <p class="info">
                            <span>突然想起？</span>&nbsp;返回<a href="javascript:void(0)">登录</a>
                        </p>
                    </div>
                </div>
            </div>
            <!--密码重置-->
            <div class="SY-resetPwd dn">
                <div class="SY-resetPwdBox br5">
                    <div class="titleBox tac">重置密码</div>
                    <div class="setPwd pr wrong">
                        <input type="password" class="resetPwd" placeholder="设置密码" onfocus="this.placeholder=''" onblur="this.placeholder='设置密码'">
                        <span class="wrongInfo br5 tac pa">密码不能为空</span>
                        <span class="seenPwd pa db open"></span>
                    </div>
                    <div class="surePwd pr focus">
                        <input type="password" class="resetPwd" placeholder="确认密码" onfocus="this.placeholder=''" onblur="this.placeholder='确认密码'">
                        <span class="wrongInfo br5 tac pa">密码不能为空</span>
                        <span class="seenPwd pa db"></span>
                    </div>
                    <div class="btnsBox tac">
                        <a class="db nextStepBtn" href="javascript:void(0)">下一步</a>
                        <p class="info">
                            <span>突然想起？</span>&nbsp;返回<a href="javascript:void(0)">登录</a>
                        </p>
                    </div>
                </div>
            </div>
            <!--密码重置成功-->
            <div class="SY-resetComplete br5 tac dn">
                <div class="pic"><img src="img/icons/resetPwd.png" alt=""></div>
                <p class="text">您的密码已重置成功！</p>
                <a class="db tac" href="javascript:void(0);">立即登录</a>
                <p class="txt"><span class="time">5</span>秒后系统自动跳转</p>
            </div>
        </div>
    </div>
</div>
</body>
</html>